/**
 * uni-app 电脑端浏览兼容脚本
 */



; (function () {
  // 小于1024像素则不执行 (ipad pro)
  const MAX_WIDTH = 1024;
  const mode = localStorage.getItem('__PREVIEW_MODE');
  if (mode === 'phone' && window.innerWidth > MAX_WIDTH) {
    // 当前模式为手机模式，但是窗口宽度大于1024px, 添加操作按钮
    let tools = document.querySelector("#preview-mode");
    const toolHtml = `<img src="/src/static/adapt-pc/images/mode_phone.svg" data-mode="phone">
        <!-- <img src="/src/static/adapt-pc/images/mode_iPad.svg"  data-mode=pad"> -->
        <img src="/src/static/adapt-pc/images/mode_desktop.svg" data-mode="desktop">`;
    if (!tools) {
      // body 插入
      const body = document.querySelector('body');
      const div = document.createElement('div');
      div.id = 'preview-mode';
      div.innerHTML = toolHtml
      body.appendChild(div);
    } else {
      tools.innerHTML = toolHtml;
    }
    addToolEvent();

  }
  if (window.innerWidth <= MAX_WIDTH && mode !== 'desktop') {
    return;
  }

  // 获取模板内容
  var tpl = document.querySelector("#tpl-adapt-pc").innerHTML || '';
  // 设置当前链接
  tpl = tpl.replace('helang-mobile-href', window.location.href);
  // 写入模板内容
  document.querySelector("uni-adapt-pc").innerHTML = tpl;
  // 添加PC标识
  document.body.setAttribute("adapt", "pc");

  addToolEvent();

})();


function addToolEvent() {
  const tools = document.querySelector("#preview-mode");
  // 给底部工具栏添加点击事件
  tools.addEventListener('click', (e) => {
    // 通过data-mode 判断点击的是哪个按钮
    const mode = e.target.dataset.mode;

    console.log('mode :', mode);
    switch (mode) {
      case "desktop":

        break;
      case "phone":

        break;
      default:
        console.warn('未知的点击事件');
    }
    // 获取旧模式
    const oldMode = localStorage.getItem('__PREVIEW_MODE');
    if (oldMode != mode) {
      // 存储当前模式
      localStorage.setItem('__PREVIEW_MODE', mode);
      // 刷新页面
      window.location.reload();
    }
  });

}